home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 1191 / 1191.xpi / chrome / reminderfox.jar / content / reminderfox / datepicker / datepicker.js < prev   
Text File  |  2010-01-29  |  52KB  |  1,411 lines
  1. /* Thanks to Sandesh Karalkar for the original datepicker widget code */
  2.  
  3. function oeDatePicker()  {
  4.  }
  5.  
  6. /**
  7. *   Static variables
  8. */
  9.  
  10. /** The popup window containing the picker */
  11.  oeDatePicker.gPopup  = null;
  12.  
  13.  
  14. /** The original starting date and currently selected date */
  15.  oeDatePicker.gOriginalDate = null; 
  16.  oeDatePicker.gSelectedDate = null; 
  17.  oeDatePicker.launchAdd = false;
  18.  
  19.  /* selected items */
  20.  oeDatePicker.gSelectedMonthItem = null;
  21.  oeDatePicker.gSelectedDayItem = null;
  22.  
  23.  oeDatePicker.gTodaysDate = new Date();
  24.  
  25.  oeDatePicker.gStartingDayOfWeek = 0; // 0 for Sunday, 1 for Monday, etc
  26.  
  27.  oeDatePicker.isDatePicker = false;
  28.  
  29.   oeDatePicker.isQuickAlarm = false;
  30.   
  31.   oeDatePicker.isShowCalendar = false;
  32.  
  33. /**
  34. *   Set up the picker, called when the popup pops
  35. */
  36. oeDatePicker.onpopupshowing = function( startDate, isDatePicker, isQuickAlarm, isShowCalendar) {
  37.    oeDatePicker.gTodaysDate = new Date();
  38.     if ( isDatePicker ) {
  39.         oeDatePicker.isDatePicker = true;
  40.     }
  41.     
  42.     if ( isQuickAlarm ) {
  43.         oeDatePicker.isQuickAlarm = true;
  44.     }
  45.     else {
  46.         oeDatePicker.isQuickAlarm = false;
  47.     }
  48.     
  49.     if ( isShowCalendar ) {
  50.         oeDatePicker.isShowCalendar = true;
  51.     }
  52.     else {
  53.         oeDatePicker.isShowCalendar = false;
  54.     }
  55.     
  56.     
  57.     try {
  58.         oeDatePicker.gStartingDayOfWeek = reminderFox_prefs.getIntPref(REMINDER_FOX_PREF + "." + REMINDER_FOX_CALENDAR_START_DAY);
  59.     } catch(e) {
  60.         oeDatePicker.gStartingDayOfWeek = REMINDER_FOX_CALENDAR_START_DAY_DEFAULT;
  61.     }    
  62.     
  63.     // redraw dates if neccessary
  64.     if ( oeDatePicker.gStartingDayOfWeek != 0 ) {
  65.         for ( var i = 0; i < 7; i++ ) {
  66.             var dayItem = document.getElementById( "calDay" + i  );
  67.             var modifiedNumber = i + oeDatePicker.gStartingDayOfWeek;
  68.             modifiedNumber = reminderFox_mod( modifiedNumber , 7);            
  69.              dayItem.setAttribute( "value", reminderFox_getBundle().getString("rf.options.day." + modifiedNumber + ".name.MMM"));
  70.             // mark "Sunday" as Red
  71.             var dayBox = document.getElementById( "oe-date-picker-month-day-" + (i+1) + "-header-box" );
  72.             if ( modifiedNumber == 0 ) {
  73.                 dayBox.setAttribute( "class",  "oe-date-picker-month-days-header-class-red");
  74.             }
  75.             else {
  76.                 dayBox.setAttribute( "class",  "oe-date-picker-month-days-box-header-class");                
  77.             }
  78.         }
  79.     }
  80.     
  81.    oeDatePicker.gOriginalDate = new Date( startDate );
  82.    oeDatePicker.gSelectedDate = new Date( startDate );
  83.    
  84.    // draw the year based on the selected date   
  85.    oeDatePicker.redrawYear();
  86.    // draw the month based on the selected date   
  87.    var month = oeDatePicker.gSelectedDate.getMonth() + 1;
  88.    var selectedMonthBoxItem = document.getElementById( "oe-date-picker-year-month-" + month + "-box"  );
  89.    oeDatePicker.selectMonthItem( selectedMonthBoxItem );
  90.    
  91.    // draw in the days for the selected date
  92.    oeDatePicker.redrawDays();
  93. }
  94.  
  95.  
  96. oeDatePicker.gotoToday = function () {
  97.     oeDatePicker.gSelectedDate = oeDatePicker.gTodaysDate;
  98.     oeDatePicker.onpopupshowing(oeDatePicker.gSelectedDate,  oeDatePicker.isDatePicker,  oeDatePicker.isQuickAlarm, oeDatePicker.isShowCalendar);
  99.     
  100.     if ( !oeDatePicker.isDatePicker ) {
  101.         // reset the reminder array, so all reminders will be re-added in case the year-change affects
  102.         // them (like <1978> style reminders)
  103.         calendarReminderArray = null;
  104.         calendarTodoArray = null;
  105.     }
  106.     
  107.    // update the selected date
  108.        if ( !oeDatePicker.isDatePicker ) {
  109.            var oldYear = oeDatePicker.gSelectedDate.getFullYear(); 
  110.        // redraw the year and the days
  111.        repopulateListForYear( oldYear , oeDatePicker.gSelectedDate.getFullYear() );
  112.        }
  113.    
  114.    oeDatePicker.redrawYear();
  115.    oeDatePicker.redrawDays();
  116.    
  117.        if ( !oeDatePicker.isDatePicker ) {
  118.        selectCalendarSync = false;
  119.         highlightClosestUpcomingReminder( oeDatePicker.gSelectedDate  );    
  120.         selectCalendarSync = true;
  121.        }
  122.     
  123.     if ( !oeDatePicker.isDatePicker ) {
  124.         highlightReminderForDate( oeDatePicker.gSelectedDate.getMonth(), oeDatePicker.gSelectedDate.getDate()  );
  125.     }
  126. } 
  127.  
  128. /**
  129. *   Called when a day is clicked, close the picker and call the client's oncommand
  130. */
  131. oeDatePicker.clickDay = function( element, newDayItemNumber ) {
  132.    // get the clicked day
  133.    var dayNumberItem = document.getElementById( "oe-date-picker-month-day-text-" + newDayItemNumber );
  134.    
  135.    var dayNumber = dayNumberItem.getAttribute( "value" );
  136.    
  137.    // they may have clicked an unfilled day, if so ignore it and leave the picker up
  138.    if (dayNumber == "") {
  139.        if (newDayItemNumber < 20) {
  140.         // if this is at the start of the month....  see how far ahead of month start we are
  141.         var found = false;
  142.         for (var i = newDayItemNumber + 1; i < 43 && !found; i++) {
  143.             var dayNumberItemLookAhead = document.getElementById("oe-date-picker-month-day-text-" + i);
  144.             var dayNumberLookAhead = dayNumberItemLookAhead.getAttribute("value");
  145.             if (dayNumberLookAhead != "") {
  146.                 // we found the first value
  147.                 var daysBefore = newDayItemNumber - i;
  148.                 // set the selected date to what they clicked on
  149.                 oeDatePicker.gSelectedDate.setDate(daysBefore+1);
  150.                 oeDatePicker.onpopupshowing(oeDatePicker.gSelectedDate,  oeDatePicker.isDatePicker,  oeDatePicker.isQuickAlarm, oeDatePicker.isShowCalendar);
  151.                 found = true;
  152.                 
  153.                 if ( !oeDatePicker.isDatePicker ) {
  154.                     highlightReminderForDate( oeDatePicker.gSelectedDate.getMonth(), oeDatePicker.gSelectedDate.getDate()  );
  155.                 }
  156.                 else {
  157.                     if ( oeDatePicker.isQuickAlarm || oeDatePicker.isShowCalendar ) {
  158.                         // do nothing
  159.                     }
  160.                     else {
  161.                         // we never want to close the window in this case
  162.                         //var popup = reminderFox_findParentById( element, "oe-date-picker-popup", "oe-date-picker-popup-end" );
  163.                         //popup.hidePopup();
  164.                     }
  165.                 }
  166.                 
  167.             }
  168.         }           
  169.     }
  170.     else {
  171.         var found = false;
  172.         for (var i = newDayItemNumber - 1; i >= 0 && !found; i--) {
  173.             var dayNumberItemLookAhead = document.getElementById("oe-date-picker-month-day-text-" + i);
  174.             var dayNumberLookAhead = dayNumberItemLookAhead.getAttribute("value");
  175.             if (dayNumberLookAhead != "") {
  176.                 // we found the first value
  177.                 
  178.                 var daysAfter = newDayItemNumber - i;
  179.                 // set the selected date to what they clicked on
  180.                 
  181.                 // set date to first date; otherwise if it is Jan 29 for isntance, 
  182.                 // when we advance the month it will go to March (because Feb only has 28 days)
  183.                 oeDatePicker.gSelectedDate.setDate(1);  
  184.                 oeDatePicker.gSelectedDate.setMonth(oeDatePicker.gSelectedDate.getMonth() + 1);
  185.                 oeDatePicker.gSelectedDate.setDate(daysAfter);
  186.                 
  187.                 oeDatePicker.onpopupshowing(oeDatePicker.gSelectedDate,  oeDatePicker.isDatePicker,  oeDatePicker.isQuickAlarm, oeDatePicker.isShowCalendar);
  188.                 found = true;
  189.                 if ( !oeDatePicker.isDatePicker ) {
  190.                     highlightReminderForDate( oeDatePicker.gSelectedDate.getMonth(), oeDatePicker.gSelectedDate.getDate()  );
  191.                 }
  192.                 else {
  193.                     if ( oeDatePicker.isQuickAlarm || oeDatePicker.isShowCalendar ) {
  194.                         // do nothing
  195.                     }
  196.                     else {
  197.                         // we never want to close the window in this case
  198.                         //var popup = reminderFox_findParentById( element, "oe-date-picker-popup", "oe-date-picker-popup-end" );
  199.                         //popup.hidePopup();
  200.                     }
  201.                 }
  202.                 
  203.             }
  204.         }    
  205.      }
  206.    }
  207.    else if( dayNumber != "" )  {
  208.          // set the selected date to what they clicked on
  209.          oeDatePicker.gSelectedDate.setDate( dayNumber );
  210.          oeDatePicker.redrawDays();
  211.         if ( !oeDatePicker.isDatePicker ) {
  212.             highlightReminderForDate( oeDatePicker.gSelectedDate.getMonth(), oeDatePicker.gSelectedDate.getDate()  );
  213.         }
  214.         else {
  215.             if ( oeDatePicker.isQuickAlarm  ) {
  216.                 // do nothing; the user must click the OK button in the quick alarm case to close
  217.             }
  218.             else {
  219.                 var popup = reminderFox_findParentById( element, "oe-date-picker-popup", "oe-date-picker-popup-end" );
  220.                 popup.hidePopup();
  221.                 if( oeDatePicker.launchAdd ) {
  222.                     oeDatePicker.launchAdd = false; 
  223.                     var reminderId =reminderFox_generateUniqueReminderId(  oeDatePicker.gSelectedDate );
  224.                     var newReminderToBeAdded = new ReminderFoxEvent( reminderId,  oeDatePicker.gSelectedDate, null );
  225.                     reminderFox_addReminderHeadlessly( newReminderToBeAdded );    
  226.                 }
  227.             }
  228.         }
  229.    }
  230.     
  231.     var remindersTab = document.getElementById("remindersTab");
  232.       if ( remindersTab != null  ) {   // ignore this if we are doing a popup from within the Event dialog
  233.         var displayListIndex = getDisplayIndex();
  234.         // week
  235.          if ( displayListIndex == 2 ) {
  236.              if ( isReminderTabSelected() ) {            
  237.                 displayTypeChanged();
  238.              }
  239.              else {
  240.                  displayTypeChangedTodo();
  241.              }
  242.             oeDatePicker.redrawDays();    
  243.             return;
  244.         }
  245.         // day
  246.         if ( displayListIndex == 3 ) {
  247.             if ( isReminderTabSelected() ) {            
  248.                 displayTypeChanged();
  249.              }
  250.              else {
  251.                  displayTypeChangedTodo();
  252.              }
  253.             oeDatePicker.redrawDays();    
  254.             return;
  255.         }            
  256.       }        
  257. }
  258.  
  259.  
  260. /**
  261. * Called when a month box is clicked 
  262. */
  263.  
  264. oeDatePicker.clickMonth = function( newMonthItem, newMonthNumber ){
  265.    // already selected, return
  266.    if( oeDatePicker.gSelectedMonthItem  == newMonthItem )   {
  267.       return;
  268.    }
  269.    
  270.    // Avoid problems when changing months if the date is at the end of the month
  271.    // i.e. if date is 31 march and you do a setmonth to april, the month would
  272.    // actually be set to may, beacause april only has 30 days.
  273.    // This is why we keep the original date around.
  274.    var oldDate = oeDatePicker.gSelectedDate.getDate();
  275.    var yearNumber = oeDatePicker.gSelectedDate.getFullYear();
  276.    
  277.    var lastDayOfMonth = oeDatePicker.getLastDayOfMonth( yearNumber, newMonthNumber-1 );
  278.  
  279.    if ( oldDate > lastDayOfMonth )  {
  280.        oeDatePicker.gSelectedDate.setDate(lastDayOfMonth);
  281.    }
  282.    
  283.    // update the selected date   
  284.    oeDatePicker.gSelectedDate.setMonth( newMonthNumber - 1 );
  285.    
  286.    // select Month   
  287.    oeDatePicker.selectMonthItem( newMonthItem );
  288.  
  289.    // redraw days
  290.    oeDatePicker.redrawDays();
  291.  
  292.     var remindersTab = document.getElementById("remindersTab");
  293.       if ( remindersTab != null  ) {   // ignore this if we are doing a popup from within the Event dialog
  294.         var displayListIndex = getDisplayIndex();
  295.  
  296.         // month
  297.         if ( displayListIndex == 1 ) {
  298.             if ( isReminderTabSelected() ) {            
  299.                 displayTypeChanged();
  300.              }
  301.              else {
  302.                  displayTypeChangedTodo();
  303.              }
  304.             oeDatePicker.redrawDays();                
  305.         }
  306.         // week
  307.         else if ( displayListIndex == 2 ) {
  308.             if ( isReminderTabSelected() ) {            
  309.                 displayTypeChanged();
  310.              }
  311.              else {
  312.                  displayTypeChangedTodo();
  313.              }
  314.             oeDatePicker.redrawDays();
  315.             return;
  316.         }
  317.         // day
  318.         if ( displayListIndex == 3 ) {
  319.             if ( isReminderTabSelected() ) {            
  320.                 displayTypeChanged();
  321.              }
  322.              else {
  323.                  displayTypeChangedTodo();
  324.              }
  325.             oeDatePicker.redrawDays();
  326.             return;
  327.         }    
  328.       }
  329. }
  330.  
  331. oeDatePicker.getLastDayOfMonth = function( year, month  ) {
  332.    var pastLastDate = new Date( year, month, 32 );
  333.    var lastDayOfMonth = 32 - pastLastDate.getDate();
  334.    
  335.    return lastDayOfMonth;
  336. }
  337.  
  338. /**
  339. * Called when previous Year button is clicked 
  340. */
  341.  
  342. oeDatePicker.previousYearCommand = function() {
  343.     if ( !oeDatePicker.isDatePicker ) {
  344.         // reset the reminder array, so all reminders will be re-added in case the year-change affects
  345.         // them (like <1978> style reminders)
  346.         calendarReminderArray = null;
  347.         calendarTodoArray = null;
  348.     }
  349.     
  350.    // update the selected date
  351.    var oldDate = oeDatePicker.gSelectedDate.getDate();
  352.    var oldYear = oeDatePicker.gSelectedDate.getFullYear(); 
  353.    var lastDayOfMonth = oeDatePicker.getLastDayOfMonth( (oldYear - 1), oeDatePicker.gSelectedDate.getMonth() );
  354.     
  355.     // handle leap year scenario (Feb. 29 is selected and then the year is changed)
  356.    if ( oldDate > lastDayOfMonth )
  357.    {
  358.        oeDatePicker.gSelectedDate.setDate(lastDayOfMonth);
  359.    }
  360.  
  361.    oeDatePicker.gSelectedDate.setFullYear( oldYear - 1 ); 
  362.    
  363.        if ( !oeDatePicker.isDatePicker ) {
  364.         repopulateListForYear( oldYear, oeDatePicker.gSelectedDate.getFullYear() );
  365.        }
  366.    // redraw the year and the days   
  367.    oeDatePicker.redrawYear();   
  368.    oeDatePicker.redrawDays();
  369.  
  370.     if ( !oeDatePicker.isDatePicker ) {
  371.            selectCalendarSync = false;
  372.         highlightClosestUpcomingReminder( oeDatePicker.gSelectedDate  );   
  373.         selectCalendarSync = true;
  374.     }
  375. }
  376.  
  377.  
  378.  
  379. oeDatePicker.previousMonthCommand = function() {
  380.     if ( !oeDatePicker.isDatePicker ) {
  381.         // reset the reminder array, so all reminders will be re-added in case the year-change affects
  382.         // them (like <1978> style reminders)
  383.         calendarReminderArray = null;
  384.         calendarTodoArray = null;
  385.     }
  386.     
  387.    // update the selected date
  388.    var oldDate = oeDatePicker.gSelectedDate.getDate();
  389.    var oldMonth = oeDatePicker.gSelectedDate.getMonth();
  390.    var oldYear = oeDatePicker.gSelectedDate.getFullYear(); 
  391.    var lastDayOfMonth = oeDatePicker.getLastDayOfMonth( oldYear, oeDatePicker.gSelectedDate.getMonth() - 1);
  392.     
  393.     // handle leap year scenario (Feb. 29 is selected and then the year is changed)
  394.    if ( oldDate > lastDayOfMonth )
  395.    {
  396.        oeDatePicker.gSelectedDate.setDate(lastDayOfMonth);
  397.    }
  398.  
  399.    oeDatePicker.gSelectedDate.setMonth( oldMonth - 1 ); 
  400.    
  401.    // draw the month based on the selected date   
  402.    var month = oeDatePicker.gSelectedDate.getMonth() + 1;
  403.    var selectedMonthBoxItem = document.getElementById( "oe-date-picker-year-month-" + month + "-box"  );
  404.    oeDatePicker.selectMonthItem( selectedMonthBoxItem );
  405.    
  406.    
  407.        if ( !oeDatePicker.isDatePicker ) {
  408.         repopulateListForYear( oldYear, oeDatePicker.gSelectedDate.getFullYear() );
  409.        }
  410.    // redraw the year and the days   
  411.    oeDatePicker.redrawYear();   
  412.    oeDatePicker.redrawDays();
  413.  
  414.     if ( !oeDatePicker.isDatePicker ) {
  415.            selectCalendarSync = false;
  416.         highlightClosestUpcomingReminder( oeDatePicker.gSelectedDate  );   
  417.         selectCalendarSync = true;
  418.     }
  419. }
  420.  
  421.  
  422. /**
  423. * Called when next Year button is clicked 
  424. */
  425.  
  426. oeDatePicker.nextYearCommand = function() {
  427.     if ( !oeDatePicker.isDatePicker ) {
  428.         // reset the reminder array, so all reminders will be re-added in case the year-change affects
  429.         // them (like <1978> style reminders)
  430.         calendarReminderArray = null;
  431.         calendarTodoArray = null;
  432.     }
  433.     
  434.    // update the selected date
  435.    var oldDate = oeDatePicker.gSelectedDate.getDate();
  436.    var oldYear = oeDatePicker.gSelectedDate.getFullYear(); 
  437.    var lastDayOfMonth = oeDatePicker.getLastDayOfMonth( (oldYear + 1), oeDatePicker.gSelectedDate.getMonth() );
  438.     
  439.     // handle leap year scenario (Feb. 29 is selected and then the year is changed)
  440.    if ( oldDate > lastDayOfMonth )  {
  441.        oeDatePicker.gSelectedDate.setDate(lastDayOfMonth);
  442.    }   
  443.    
  444.    oeDatePicker.gSelectedDate.setFullYear( oldYear + 1 ); 
  445.    
  446.        if ( !oeDatePicker.isDatePicker ) {
  447.        // redraw the year and the days
  448.        repopulateListForYear( oldYear , oeDatePicker.gSelectedDate.getFullYear() );
  449.        }
  450.    
  451.    oeDatePicker.redrawYear();
  452.    oeDatePicker.redrawDays();
  453.    
  454.        if ( !oeDatePicker.isDatePicker ) {
  455.        selectCalendarSync = false;
  456.         highlightClosestUpcomingReminder( oeDatePicker.gSelectedDate  );    
  457.         selectCalendarSync = true;
  458.        }
  459. }
  460.  
  461. oeDatePicker.nextMonthCommand = function() {
  462.     if ( !oeDatePicker.isDatePicker ) {
  463.         // reset the reminder array, so all reminders will be re-added in case the year-change affects
  464.         // them (like <1978> style reminders)
  465.         calendarReminderArray = null;
  466.         calendarTodoArray = null;
  467.     }
  468.     
  469.    // update the selected date
  470.    var oldDate = oeDatePicker.gSelectedDate.getDate();
  471.    var oldYear = oeDatePicker.gSelectedDate.getFullYear(); 
  472.    var oldMonth = oeDatePicker.gSelectedDate.getMonth(); 
  473.    var lastDayOfMonth = oeDatePicker.getLastDayOfMonth( oldYear, oeDatePicker.gSelectedDate.getMonth() + 1 );
  474.     
  475.     // handle leap year scenario (Feb. 29 is selected and then the year is changed)
  476.    if ( oldDate > lastDayOfMonth )  {
  477.        oeDatePicker.gSelectedDate.setDate(lastDayOfMonth);
  478.    }   
  479.    
  480.    oeDatePicker.gSelectedDate.setMonth( oldMonth + 1 ); 
  481.    
  482.    // draw the month based on the selected date   
  483.    var month = oeDatePicker.gSelectedDate.getMonth() + 1;
  484.    var selectedMonthBoxItem = document.getElementById( "oe-date-picker-year-month-" + month + "-box"  );
  485.    oeDatePicker.selectMonthItem( selectedMonthBoxItem );
  486.    
  487.        if ( !oeDatePicker.isDatePicker ) {
  488.        // redraw the year and the days
  489.        repopulateListForYear( oldYear , oeDatePicker.gSelectedDate.getFullYear() );
  490.        }
  491.    
  492.    oeDatePicker.redrawYear();
  493.    oeDatePicker.redrawDays();
  494.    
  495.        if ( !oeDatePicker.isDatePicker ) {
  496.        selectCalendarSync = false;
  497.         highlightClosestUpcomingReminder( oeDatePicker.gSelectedDate  );    
  498.         selectCalendarSync = true;
  499.        }
  500. }
  501.  
  502.  
  503.  
  504. /**
  505. * Draw the year based in the selected date 
  506. */
  507.  
  508. oeDatePicker.redrawYear = function() {
  509.    var yearTitleItem = document.getElementById( "oe-date-picker-year-title-text" );
  510.    yearTitleItem.setAttribute( "value", oeDatePicker.gSelectedDate.getFullYear() );
  511. }
  512.  
  513.  
  514. oeDatePicker.resizeCalendar = function() {
  515.   var calendarSize = 1;
  516.   try {
  517.         calendarSize = reminderFox_prefs.getIntPref(REMINDER_FOX_PREF + "." + REMINDER_FOX_CALENDAR_SIZE);
  518.     } catch(e) {        
  519.     }    
  520.  
  521.     if ( calendarSize > 1  ) {  // large 
  522.         var datePicker =document.getElementById('oe-date-picker-overlay-box');
  523.         datePicker.setAttribute( "large", "true");
  524.         
  525.         for ( var i = 1; i <= 42; i++ ) {
  526.             var monthBox = "oe-date-picker-month-day-" + i + "-box";
  527.             var monthBoxElement = document.getElementById(monthBox);
  528.             monthBoxElement.setAttribute( "large", "large");
  529.         }
  530.         
  531.         for ( var i = 1; i <= 6; i++ ) {
  532.             var monthBox = "oe-date-picker-week-" + i + "-box";
  533.             var monthBoxElement = document.getElementById(monthBox);
  534.             monthBoxElement.setAttribute( "large", "true");
  535.         }
  536.     }
  537.     else if ( calendarSize < 1 ) { // small 
  538.         var datePicker =document.getElementById('oe-date-picker-overlay-box');
  539.         datePicker.setAttribute( "small", "true");
  540.         
  541.         for ( var i = 1; i <= 42; i++ ) {
  542.             var monthBox = "oe-date-picker-month-day-" + i + "-box";
  543.             var monthBoxElement = document.getElementById(monthBox);
  544.             monthBoxElement.setAttribute( "small", "true");
  545.         }
  546.         
  547.         for ( var i = 1; i <= 6; i++ ) {
  548.             var monthBox = "oe-date-picker-week-" + i + "-box";
  549.             var monthBoxElement = document.getElementById(monthBox);
  550.             monthBoxElement.setAttribute( "small", "true");
  551.         }
  552.     }
  553. }
  554.  
  555. /**
  556. * Select a month box 
  557. */
  558.  
  559. oeDatePicker.selectMonthItem = function( newMonthItem ) {
  560.    // clear old selection, if there is one   
  561.    
  562.    if( oeDatePicker.gSelectedMonthItem != null )  { 
  563.            var id = oeDatePicker.gSelectedMonthItem.getAttribute( "id" ) ;
  564.            document.getElementById( id ).setAttribute( "selected" , false );  // set the poetenially cloned one as cleared
  565.          oeDatePicker.gSelectedMonthItem.setAttribute( "selected" , false );      
  566.    }
  567.  
  568.    if ( newMonthItem != null ) { 
  569.           // Set the selected attribute, used to give it a different style   
  570.         newMonthItem.setAttribute( "selected" , true );
  571.    }
  572.       
  573.    // Remember new selection  
  574.   oeDatePicker.gSelectedMonthItem = newMonthItem;
  575. }
  576.  
  577.  
  578. /**
  579. * Select a day box 
  580. */
  581.  
  582. oeDatePicker.selectDayItem = function( newDayItem ) {
  583.    // clear old selection, if there is one   
  584.    if( oeDatePicker.gSelectedDayItem != null )   {
  585.          oeDatePicker.gSelectedDayItem.setAttribute( "selected" , false );
  586.       oeDatePicker.gSelectedDayItem.setAttribute( "selectedReminder" , false );
  587.    }
  588.  
  589.    if( newDayItem != null )   {
  590.          // Set the selected attribute, used to give it a different style
  591.            var reminderDay =  newDayItem.getAttribute( "reminder" );
  592.         if ( reminderDay == "true" ) { 
  593.             newDayItem.setAttribute( "selectedReminder" , true );
  594.         }
  595.         else {
  596.           newDayItem.setAttribute( "selected" , true );
  597.           newDayItem.setAttribute( "selectedReminder" , false );
  598.         }
  599.    }
  600.          
  601.    // Remember new selection      
  602.    oeDatePicker.gSelectedDayItem = newDayItem;
  603. }
  604.  
  605.  
  606. /**
  607. * Redraw day numbers based on the selected date
  608. */
  609.  
  610. oeDatePicker.redrawDays = function( ) {
  611.     var dayNumberBoxItem;
  612.  
  613.    if ( oeDatePicker.gSelectedDate == null ) {
  614.        oeDatePicker.gSelectedDate = new Date();
  615.    }
  616.    // Write in all the day numbers
  617.    var firstDate = new Date( oeDatePicker.gSelectedDate.getFullYear(), oeDatePicker.gSelectedDate.getMonth(), 1 );   
  618.    var firstDayOfWeek = firstDate.getDay() - oeDatePicker.gStartingDayOfWeek;
  619.    if ( firstDayOfWeek < 0 ) {
  620.       firstDayOfWeek =  firstDate.getDay() + (7 - oeDatePicker.gStartingDayOfWeek);
  621.   }
  622.   
  623.    var lastDayOfMonth = oeDatePicker.getLastDayOfMonth( oeDatePicker.gSelectedDate.getFullYear(), oeDatePicker.gSelectedDate.getMonth() )
  624.    var currentFirstDate = new Date( oeDatePicker.gTodaysDate.getFullYear(), oeDatePicker.gTodaysDate.getMonth(), 1 );
  625.    var firstDayOfCurrentDateWeek = currentFirstDate.getDay()  - oeDatePicker.gStartingDayOfWeek;
  626.    if ( firstDayOfCurrentDateWeek < 0 ) {
  627.       firstDayOfCurrentDateWeek =  currentFirstDate.getDay() + (7 - oeDatePicker.gStartingDayOfWeek);
  628.   }
  629.  
  630.    // clear the selected day item   
  631.    oeDatePicker.selectDayItem( null ); 
  632.   
  633.    var monthArray = null;   
  634.    var isReminder = true;
  635.    var remindersTab = document.getElementById("remindersTab");
  636.    var lastMonthArray = null;
  637.    if ( remindersTab != null  ) {   // ignore this if we are doing a popup from within the Event dialog
  638.         if ( isReminderTabSelected() ) {            
  639.            if ( calendarReminderArray == null ) {               
  640.                    createCalendarReminderArray();                                  
  641.                }
  642.                monthArray = calendarReminderArray[oeDatePicker.gSelectedDate.getMonth()];
  643.                if ( oeDatePicker.gSelectedDate.getMonth() > 0 ) {
  644.                    lastMonthArray = calendarReminderArray[oeDatePicker.gSelectedDate.getMonth()-1];
  645.                }
  646.         }
  647.         else {
  648.             isReminder = false;
  649.                if ( calendarTodoArray == null ) {
  650.                    createCalendarTodoArray();
  651.                }
  652.                 monthArray = calendarTodoArray[oeDatePicker.gSelectedDate.getMonth()];
  653.                 if ( oeDatePicker.gSelectedDate.getMonth() > 0 ) {
  654.                    lastMonthArray = calendarTodoArray[oeDatePicker.gSelectedDate.getMonth()-1];
  655.                }
  656.         }
  657.    }
  658.    else { 
  659.      if ( oeDatePicker.launchAdd ) {
  660.        var calendarReminderArray2 = null;
  661.        if ( calendarReminderArray2 == null ) {               
  662.             calendarReminderArray2 = createCalendarReminderArray2();                                  
  663.         }
  664.         monthArray = calendarReminderArray2[oeDatePicker.gSelectedDate.getMonth()];
  665.         if ( oeDatePicker.gSelectedDate.getMonth() > 0 ) {
  666.             lastMonthArray = calendarReminderArray2[oeDatePicker.gSelectedDate.getMonth()-1];
  667.         }
  668.       }
  669.     }
  670.    
  671.     var startOfThisMonthDate = new Date(oeDatePicker.gSelectedDate.getFullYear(), oeDatePicker.gSelectedDate.getMonth(), 0);
  672.     var multipleDayEvents = new Array();
  673.     var lastMonthReminders = new Array();
  674.     // for performance; we just check last 3 days
  675.      if ( lastMonthArray != null && lastMonthArray.length > 0) {
  676.          for ( var i = (lastMonthArray.length-4); i < lastMonthArray.length; i++ ) {
  677.              var reminderDaysArray = lastMonthArray[i];
  678.              if ( reminderDaysArray != null ) { 
  679.                     for ( var j = 0; j < reminderDaysArray.length; j++ ) {
  680.                         var reminder = reminderDaysArray[j];
  681.                          reminderFox_addMultipleEndDates( reminder, startOfThisMonthDate, lastMonthReminders );
  682.                     }    
  683.              }
  684.          }
  685.          
  686.          // now convert to this multipleenddate
  687.          for ( var i = 0; i < lastMonthReminders.length; i++ ) {
  688.              var lastMonthReminder = lastMonthReminders[i];
  689.              var important =     lastMonthReminder.priority == REMINDER_PRIORITY_IMPORTANT;
  690.              var completed = false;
  691.              if ( lastMonthReminder.completedDate != null )  {
  692.                 if ( isReminder ) {
  693.                     var calendarDate = new Date(oeDatePicker.gSelectedDate.getFullYear(),oeDatePicker.gSelectedDate.getMonth(), lastMonthReminder.date.getDate() );
  694.                     // continue if marked complete
  695.                     if ( reminderFox_isCompletedForDate(lastMonthReminder, calendarDate ) ) {                    
  696.                         completed = true;                            
  697.                     }
  698.                 }
  699.                 else {
  700.                     completed = true; // todo's should be shown as completed regardless of their date (as they have no multiple date occurrences)
  701.                 }
  702.             }
  703.              
  704.              
  705.             if ( lastMonthReminder.allDayEvent ) {
  706.                 if (lastMonthReminder.durationTime >86400000 ) {   // 24 * 60 * 60 * 1000 = 1 day in ms
  707.                     //var reminderInstanceDate = new Date(oeDatePicker.gSelectedDate.getFullYear(),oeDatePicker.gSelectedDate.getMonth(), dayNumber );
  708.                     var reminderInstanceDate =lastMonthReminder.date;
  709.                     var reminderInstanceEndDate = new Date(reminderInstanceDate.getTime() + lastMonthReminder.durationTime);        
  710.                     reminderInstanceEndDate.setDate( reminderInstanceEndDate.getDate() - 1); // -1 enddate offset
  711.                     // set end date
  712.                     multipleDayEvents[multipleDayEvents.length] = { description: lastMonthReminder.summary, isCompleted:  completed,  isImportant: important, endDate: reminderInstanceEndDate };
  713.                 }
  714.             }
  715.             else {
  716.                 if ( lastMonthReminder.durationTime > 60000 ) {
  717.                     var reminderInstanceDate =lastMonthReminder.date;
  718.                     var reminderInstanceEndDate = new Date(reminderInstanceDate.getTime() + lastMonthReminder.durationTime);    
  719.                     
  720.                     if (reminderInstanceEndDate.getMonth() == reminderInstanceDate.getMonth() &&
  721.                         reminderInstanceEndDate.getDate() == reminderInstanceDate.getDate() ) {
  722.                         // same days..  do nothing
  723.                     }
  724.                     // multiple days
  725.                     else { 
  726.                         // set end date
  727.                         multipleDayEvents[multipleDayEvents.length] = { description: lastMonthReminder.summary, isCompleted:  completed,  isImportant: important, endDate: reminderInstanceEndDate };
  728.                     }
  729.                 }
  730.             }
  731.          
  732.          }
  733.      }
  734.     
  735.    // redraw each day box in the 7 x 6 grid 
  736.    var dayNumber = 1;
  737.    //    var multipleDayEvents = new Array();
  738.    for( var dayIndex = 0; dayIndex < 42; ++dayIndex )  {
  739.         // get the day text box
  740.           var dayNumberItem = document.getElementById( "oe-date-picker-month-day-text-" + (dayIndex + 1) );
  741.         dayNumberBoxItem = document.getElementById( "oe-date-picker-month-day-" + (dayIndex + 1) + "-box" );
  742.         
  743.         // clear old styles and tooltips
  744.         dayNumberBoxItem.setAttribute( "reminder" , false );
  745.         dayNumberBoxItem.setAttribute( "completedReminder" , false );        
  746.         dayNumberBoxItem.setAttribute( "important" , false );
  747.         dayNumberBoxItem.setAttribute("tooltip", "");
  748.         
  749.         // embolden today's date
  750.         if ( (oeDatePicker.gTodaysDate.getDate() + firstDayOfCurrentDateWeek) == (dayIndex + 1)
  751.             && oeDatePicker.gTodaysDate.getMonth() == oeDatePicker.gSelectedDate.getMonth()  && 
  752.                oeDatePicker.gTodaysDate.getYear() == oeDatePicker.gSelectedDate.getYear() ) {
  753.         
  754.                if ( dayNumberBoxItem.getAttribute("small") ) {
  755.                    dayNumberBoxItem.setAttribute( "smalltoday" , true );
  756.                }
  757.                else if ( dayNumberBoxItem.getAttribute("large") ) {
  758.                    dayNumberBoxItem.setAttribute( "largetoday" , true );
  759.                }
  760.                else {
  761.                    dayNumberBoxItem.setAttribute( "today" , true );
  762.                }
  763.           }
  764.         // clear other dates
  765.           else {
  766.                if ( dayNumberBoxItem.getAttribute("medium") ) {                           
  767.                    dayNumberBoxItem.removeAttribute( "smalltoday");
  768.                }
  769.                else if ( dayNumberBoxItem.getAttribute("large") ) {                           
  770.                    dayNumberBoxItem.removeAttribute( "largetoday");
  771.                }
  772.                else {
  773.                    dayNumberBoxItem.removeAttribute( "today");
  774.                }
  775.            }
  776.         
  777.         
  778.         
  779.         
  780.         
  781.       // if it is an unfilled day ( before first or after last ), just set its value to "",
  782.          // and don't increment the day number.       
  783.       if( dayIndex < firstDayOfWeek || dayNumber > lastDayOfMonth )  {
  784.          dayNumberItem.setAttribute( "value" , "" );                
  785.       }
  786.       else {
  787.         var important = false;
  788.          // set the value to the day number         
  789.          dayNumberItem.setAttribute( "value" , dayNumber );         
  790.     
  791.          if ( monthArray != null ) {
  792.              var reminderDaysArray = monthArray[dayNumber-1];
  793.               
  794.               // clear old tooltip
  795. //                 var tooltipItem = document.getElementById( "day-"+dayNumber  +"-tooltip");
  796. //             while (tooltipItem.hasChildNodes()) {
  797. //                 tooltipItem.removeChild(tooltipItem.firstChild);
  798. //               }
  799.               if ( reminderDaysArray != null ) {
  800.                 var reminderAdded = false;
  801.                 var completedReminderAdded = false;
  802.                 
  803.                     for ( var  i = 0; i < reminderDaysArray.length; i++ ) {
  804.                     var     reminder = reminderDaysArray[i];
  805.                     var completed = false;
  806.                     // don't add reminder to calendar widget if the event has been completed already
  807.                     if ( reminder.completedDate != null )  {
  808.                         if ( isReminder ) {
  809.                             var calendarDate = new Date(oeDatePicker.gSelectedDate.getFullYear(),oeDatePicker.gSelectedDate.getMonth(), dayNumber );
  810.                             // continue if marked complete
  811.                             if ( reminderFox_isCompletedForDate(reminder, calendarDate ) ) {                    
  812.                                 completed = true;                            
  813.                             }
  814.                         }
  815.                         else {
  816.                             completed = true; // todo's should be shown as completed regardless of their date (as they have no multiple date occurrences)
  817.                         }
  818.                     }
  819.                      important =     reminder.priority == REMINDER_PRIORITY_IMPORTANT;
  820.                      if ( important && !completed) {
  821.                             dayNumberBoxItem.setAttribute( "important" , true );
  822.                       }                              
  823.  
  824.                     if ( completed ) {
  825.                         completedReminderAdded = true;
  826.                     }
  827.                     else {
  828.                         reminderAdded = true;
  829.                     }
  830.                     
  831.                     // check end dates
  832.                     var endDateAdded = false;                                        
  833.                     
  834.                     if ( reminder.durationTime != null ) {
  835.                         if ( reminder.allDayEvent ) {
  836.                             if (reminder.durationTime >86400000 ) {   // 24 * 60 * 60 * 1000 = 1 day in ms
  837.                                 //var reminderInstanceDate = new Date(oeDatePicker.gSelectedDate.getFullYear(),oeDatePicker.gSelectedDate.getMonth(), dayNumber );
  838.                                 var reminderInstanceDate =reminder.date;
  839.                                 var reminderInstanceEndDate = new Date(reminderInstanceDate.getTime() + reminder.durationTime);        
  840.                                 reminderInstanceEndDate.setDate( reminderInstanceEndDate.getDate() - 1); // -1 enddate offset
  841.                                 // set end date
  842.                                 multipleDayEvents[multipleDayEvents.length] = { description: reminder.summary, isCompleted:  completed,  isImportant: important, endDate: reminderInstanceEndDate };
  843.                                 endDateAdded = true;
  844.                             }
  845.                         }
  846.                         else {
  847.                             if ( reminder.durationTime > 60000 ) {
  848.                                 var reminderInstanceDate =reminder.date;
  849.                                 var reminderInstanceEndDate = new Date(reminderInstanceDate.getTime() + reminder.durationTime);    
  850.                                 
  851.                                 if (reminderInstanceEndDate.getMonth() == reminderInstanceDate.getMonth() &&
  852.                                     reminderInstanceEndDate.getDate() == reminderInstanceDate.getDate() ) {
  853.                                     // same days..  do nothing
  854.                                 }
  855.                                 // multiple days
  856.                                 else { 
  857.                                     // set end date
  858.                                     multipleDayEvents[multipleDayEvents.length] = { description: reminder.summary, isCompleted:  completed,  isImportant: important, endDate: reminderInstanceEndDate };
  859.                                     endDateAdded =true;
  860.                                 }
  861.                             }
  862.                         }
  863.                     }                    
  864.                  }
  865.              
  866.                  if ( reminderAdded ) {
  867.                     dayNumberBoxItem.setAttribute( "reminder" , true );
  868.                    dayNumberBoxItem.setAttribute("tooltip", "day-"+dayNumber +"-tooltip");
  869.                  }
  870.                  else if ( completedReminderAdded ) {
  871.                      dayNumberBoxItem.setAttribute( "completedReminder" , true );
  872.                       dayNumberBoxItem.setAttribute("tooltip", "day-"+dayNumber +"-tooltip");
  873.                  }
  874.             }
  875.             
  876.  
  877.             
  878.          }
  879.          
  880.          
  881.          
  882.         // check the previous month for end dates carrying over past today
  883.         if ( multipleDayEvents.length > 0 ) {      
  884.             var calendarDate = new Date(oeDatePicker.gSelectedDate.getFullYear(),oeDatePicker.gSelectedDate.getMonth(), dayNumber );
  885.              for ( var e = 0; e < multipleDayEvents.length; e++ ) {
  886.                  if ( calendarDate.getMonth() < multipleDayEvents[e].endDate.getMonth() || 
  887.                      (calendarDate.getMonth() == multipleDayEvents[e].endDate.getMonth() && 
  888.                          calendarDate.getDate() <= multipleDayEvents[e].endDate.getDate()) ) {
  889.                          if ( multipleDayEvents[e].isImportant  && !multipleDayEvents[e].isCompleted ) {
  890.                                 dayNumberBoxItem.setAttribute( "important" , true );
  891.                           }                 
  892.  
  893.                         if (  multipleDayEvents[e].isCompleted ) {
  894.                             dayNumberBoxItem.setAttribute( "completedReminder" , true );
  895.                               dayNumberBoxItem.setAttribute("tooltip", "day-"+dayNumber +"-tooltip");
  896.                         }
  897.                         else {
  898.                             dayNumberBoxItem.setAttribute( "reminder" , true );
  899.                            dayNumberBoxItem.setAttribute("tooltip", "day-"+dayNumber +"-tooltip");
  900.                         }
  901.                  }
  902.              }
  903.         }
  904.          
  905.          // draw the day as selected
  906.          if( dayNumber == oeDatePicker.gSelectedDate.getDate() ) 
  907.          {
  908.             dayNumberBoxItem = document.getElementById( "oe-date-picker-month-day-" + (dayIndex + 1) + "-box"  );
  909.             oeDatePicker.selectDayItem( dayNumberBoxItem );
  910.          }
  911.          
  912.          // advance the day number         
  913.          ++dayNumber;  
  914.       }
  915.    }
  916.    
  917.    redrawWeekNumbers();
  918.    
  919.        var multipleDayEvents = null;
  920.  }
  921.  
  922.  
  923.  function getStartAndEndDates2(displayListIndex, useToday) {
  924.     var year;
  925.     var month;
  926.     var day;
  927.     if ( oeDatePicker.gSelectedDate != null ) {
  928.         year = oeDatePicker.gSelectedDate.getFullYear();
  929.         month = oeDatePicker.gSelectedDate.getMonth();
  930.         day = oeDatePicker.gSelectedDate.getDate();
  931.     }
  932.     if ( year == null ) {
  933.         year = new Date().getFullYear();
  934.         month = new Date().getMonth();
  935.         day = new Date().getDate();
  936.         
  937.     }     
  938.     
  939.     var startAndEnd = { start: null, end: null };  
  940.  
  941.         startAndEnd.start = new Date( year, 0, 1 );  // start of year
  942.         startAndEnd.end  = new Date( year, 11, 31 );  // end of year
  943.     
  944.     return startAndEnd;
  945. }
  946.  
  947. function createCalendarReminderArray2() {
  948.     var monthArray;
  949.     var monthDay;    
  950.     var dayReminderArray;    
  951.     var newDayReminder;
  952.     var  length;
  953.     var val;
  954.         
  955.     var calendarReminderArray2 = new Array(12); 
  956.     var reminders = reminderFox_getReminderEvents();    
  957.     
  958.     var currentDate = oeDatePicker.gSelectedDate;
  959.     if ( currentDate == null ) {
  960.         currentDate = new Date();
  961.     }
  962.     var    year = currentDate.getFullYear();
  963.     var dateSpan = getStartAndEndDates2();
  964.     var todaysDate = new Date();
  965.     for( var i = 0; i < reminders.length; i++) {
  966.         var basereminder = reminders[i];
  967.         
  968.         var allReminders = reminderFox_getAllRemindersInDateRange( basereminder,  dateSpan.start, dateSpan.end, false );
  969.         var x;
  970.         // maybe make this a method that returns start/endindex
  971.         var startIndex = 0;
  972.         var endIndex = 0;
  973.         if ( allReminders.length > 0 ) {
  974.             endIndex  = allReminders.length;
  975.         }
  976.         if ( allReminders.length > 0) {
  977. //            if ( SHOW_ALL_REMINDERS ) {
  978.                 startIndex = 0;
  979.                 endIndex = allReminders.length;
  980. //            }
  981. //            else if ( HIDE_ALL_REMINDERS ) {
  982. //                for ( x = 0; x < allReminders.length; x++ ) {
  983. //                    if ( reminderFox_compareDates( allReminders[x].date, todaysDate) != -1 ) {
  984. //                        break;
  985. //                    }
  986. //                }
  987. //                // handle end case where x = length
  988. //                startIndex = x;
  989. //        
  990. //                // need to show reminders of yearly that have passed
  991. //                if ( startIndex == allReminders.length ) {                
  992. //                    startIndex = allReminders.length -1;
  993. //                }
  994. //                endIndex = startIndex + 1;  
  995. //                if ( endIndex > allReminders.length )  {
  996. //                    endIndex = allReminders.length;
  997. //                }
  998. //            }
  999.             // if there's only 1 reminder and the prefs are set to show prev/next, then just ignore the check
  1000. //            else if ( !(allReminders.length == 1 && REPEAT_PREVIOUS_OCCURRENCES >= 1 &&  REPEAT_UPCOMING_OCCURRENCES >=1 ) )  {            
  1001. //                for ( x = 0; x < allReminders.length; x++ ) {
  1002. //                    if ( reminderFox_compareDates( allReminders[x].date, todaysDate) != -1 ) {
  1003. //                        break;
  1004. //                    }
  1005. //                }
  1006. //                
  1007. //                if ( REPEAT_PREVIOUS_OCCURRENCES == -1 ) { 
  1008. //                    startIndex = 0;
  1009. //                }
  1010. //                else {
  1011. //                    startIndex = x - REPEAT_PREVIOUS_OCCURRENCES;
  1012. //                    if ( startIndex < 0 ) {
  1013. //                        startIndex = 0;
  1014. //                    }
  1015. //                }
  1016. //                
  1017. //                if ( REPEAT_UPCOMING_OCCURRENCES == -1 ) {
  1018. //                    endIndex = allReminders.length;
  1019. //                }
  1020. //                else {
  1021. //                    endIndex = x + REPEAT_UPCOMING_OCCURRENCES;
  1022. //                    if ( endIndex > allReminders.length ) {
  1023. //                        endIndex = allReminders.length;
  1024. //                    }
  1025. //                }
  1026. //                
  1027. //                // if the user is showing no previous occurrences, we still want to show if a previous reminder is marked as RUC
  1028. //                if ( REPEAT_PREVIOUS_OCCURRENCES == 0 && 
  1029. //                    basereminder.remindUntilCompleted == REMINDERFOX_REMIND_UNTIL_COMPLETE_MARKED ) {
  1030. //                    if ( startIndex > 0  && startIndex == endIndex  ) { // eminderFox_compareDates( allReminders[x].date, todaysDate) == 1 ) {
  1031. //                        startIndex = startIndex - 1;                                                        
  1032. //                    }                    
  1033. //                }                                
  1034. //             }
  1035.         }
  1036.        for (  var j = startIndex; j < endIndex; j++ ) {        
  1037.             var reminder = allReminders[j];        
  1038.             reminder = reminderFox_processReminderDescription(reminder,  dateSpan.start.getFullYear(), false);    
  1039.             
  1040.             // if it's marked as RemindUntilComplete, this should be treated as Today's date            
  1041.              if ( reminder.remindUntilCompleted == REMINDERFOX_REMIND_UNTIL_COMPLETE_MARKED && j == startIndex ) {
  1042.                  var todaysDate = new Date();
  1043.                  if (  todaysDate.getFullYear() == year ) {   // only valid for current year in the calendar
  1044.                      var ignore = false;
  1045.                      var displayList = document.getElementById("displayType");    
  1046.                     if ( displayList != null ) {    
  1047.                         var displayListIndex = displayList.selectedIndex;
  1048.                         // month or week
  1049.                         if ( displayListIndex == 1 || displayListIndex == 2 ) {
  1050.                             // if the date is outside of the selected month/week, then just show it.
  1051.                             // Otherwise, go ahead and show it as Today's date.                            
  1052.                             if ( !( reminderFox_compareDates( todaysDate, dateSpan.start) > -1 &&
  1053.                                 reminderFox_compareDates( todaysDate, dateSpan.end) < 1 ) ) {
  1054.                                 ignore = true;
  1055.                             }
  1056.                         }
  1057.                     }
  1058.                     if ( !ignore ) {
  1059.                          reminder = reminderFox_cloneReminderFoxEvent(reminder);             
  1060.                         reminder.date  = new Date( todaysDate.getFullYear(), todaysDate.getMonth(), todaysDate.getDate(), 
  1061.                                      reminder.date.getHours(), reminder.date.getMinutes() );        
  1062.                     }
  1063.                  }
  1064.              }             
  1065.     
  1066.             monthArray = calendarReminderArray2[reminder.date.getMonth()];
  1067.             if ( monthArray == null ) {
  1068.                 monthArray = new Array(31);
  1069.                 calendarReminderArray2[reminder.date.getMonth()] = monthArray;
  1070.             }
  1071.                 
  1072.             monthDay = reminder.date.getDate();
  1073.             dayReminderArray = monthArray[monthDay - 1];
  1074.             if ( dayReminderArray == null ) {
  1075.                 dayReminderArray = new Array();
  1076.                 monthArray[monthDay - 1] = dayReminderArray;
  1077.             }
  1078.             length = dayReminderArray.length;
  1079.             
  1080.             var ignoreReminder = false;
  1081. //            if (HIDE_COMPLETED_ITEMS &&
  1082. //                 reminderFox_isCompletedForDate( reminder, reminder.date) )  {
  1083. //                ignoreReminder = true;                
  1084. //            }
  1085.             if ( !ignoreReminder ) {
  1086.                 dayReminderArray[length] = reminder;
  1087.             }
  1088.         }
  1089.     }
  1090.     
  1091.     return calendarReminderArray2;
  1092. }
  1093.  
  1094.  
  1095.  function redrawWeekNumbers(  ) {
  1096.      var showWeekNum = reminderFox_getPreferenceValue( REMINDER_FOX_SHOW_WEEK_NUMS_PREF ); // Week Numbering:  0 (none), 1 (default), 2 (ISO 8601)
  1097.      var weekGrid = document.getElementById( "oe-date-picker-month-week-grid");
  1098.      if ( showWeekNum != null && showWeekNum == 1 || showWeekNum == 2 ) {
  1099.          weekGrid.removeAttribute( "hidden" );
  1100.          // get week number for first week displayed in the calendar
  1101.          var startOfThisMonthDate = new Date(oeDatePicker.gSelectedDate.getFullYear(), oeDatePicker.gSelectedDate.getMonth(), 1);
  1102.         var dowOffset =  oeDatePicker.gStartingDayOfWeek;
  1103.         var newYear = new Date(startOfThisMonthDate.getFullYear(),0,1);
  1104.         var day = newYear.getDay() - dowOffset; //the day of week the year begins on
  1105.         day = (day >= 0 ? day : day + 7);
  1106.         var daynum = Math.floor((startOfThisMonthDate.getTime() - newYear.getTime() -
  1107.             (startOfThisMonthDate.getTimezoneOffset()-newYear.getTimezoneOffset())*60000)/86400000) + 1;
  1108.         var weeknum = Math.floor((daynum+day-1)/7); 
  1109.         var useISO = showWeekNum == 2; 
  1110.         if(!useISO || day < 4) {  // if using ISO standard, first week w/ day starting after Wed are 0-week; 
  1111.             weeknum = weeknum + 1; // otherwise, weeks start at 1
  1112.         }
  1113.         
  1114.        // now fill in calendar box with week #s    
  1115.        var endWeekIndex = 5;    
  1116.         for( var weekBoxIndex = 1; weekBoxIndex <= endWeekIndex; ++weekBoxIndex )  {
  1117.                // get the day text box
  1118.               var dayNumberItem = document.getElementById( "oe-date-picker-week-text-" + weekBoxIndex );
  1119.               dayNumberItem.setAttribute( "value", weeknum );
  1120.               weeknum++;
  1121.               // reset to week 1 at the end of the year
  1122.               if(weeknum > 52) {
  1123.                 weeknum = weeknum - 52;  
  1124.             }
  1125.         }
  1126.         
  1127.         // handle last row (as it may be empty)
  1128.             var lastWeekRow = document.getElementById( "oe-date-picker-month-day-text-36");
  1129.             var val = weeknum;
  1130.          if ( lastWeekRow.getAttribute( "value" ) == "" ) { 
  1131.              val = ""; // don't fill in the last calendar row; no dates fall in it.
  1132.          }
  1133.          var dayNumberItem = document.getElementById( "oe-date-picker-week-text-6" );
  1134.           dayNumberItem.setAttribute( "value", val );
  1135.      }
  1136.  }
  1137.  
  1138.  
  1139. function reminderFox_addMultipleEndDates(reminder, currentDate, multipleDayEvents) {
  1140.     if ( reminder.durationTime != null ) {
  1141.         if ( reminder.allDayEvent ) {
  1142.             if (reminder.durationTime >86400000 ) {   // 24 * 60 * 60 * 1000 = 1 day in ms
  1143.                 //var reminderInstanceDate = new Date(oeDatePicker.gSelectedDate.getFullYear(),oeDatePicker.gSelectedDate.getMonth(), dayNumber );
  1144.                 var reminderInstanceDate =reminder.date;
  1145.                 var reminderInstanceEndDate = new Date(reminderInstanceDate.getTime() + reminder.durationTime);        
  1146.                 reminderInstanceEndDate.setDate( reminderInstanceEndDate.getDate() - 1); // -1 enddate offset
  1147.                 
  1148.                 if ( reminderFox_compareDates(reminderInstanceEndDate, currentDate ) != -1 ) {
  1149.                     // set end date
  1150.                     multipleDayEvents[multipleDayEvents.length] = reminder;
  1151.                 }
  1152.             }
  1153.         }
  1154.         else {
  1155.             if ( reminder.durationTime > 60000 ) {
  1156.                 var reminderInstanceDate =reminder.date;
  1157.                 var reminderInstanceEndDate = new Date(reminderInstanceDate.getTime() + reminder.durationTime);    
  1158.                 
  1159.                 if (reminderInstanceEndDate.getMonth() == reminderInstanceDate.getMonth() &&
  1160.                     reminderInstanceEndDate.getDate() == reminderInstanceDate.getDate() ) {
  1161.                     // same days..  do nothing
  1162.                 }
  1163.                 // multiple days
  1164.                 else { 
  1165.                     // set end date
  1166.                     if ( reminderFox_compareDates(reminderInstanceEndDate, currentDate ) != -1 ) {
  1167.                         // set end date
  1168.                         multipleDayEvents[multipleDayEvents.length] = reminder;
  1169.                     }
  1170.                 }
  1171.             }
  1172.         }
  1173.     }    
  1174. }
  1175.  
  1176.  
  1177. function reminderFox_calendarTooltip(event, tooltipIdNumber ) {
  1178.      // clear old tooltip
  1179.         var tooltipItem = document.getElementById( "day-"+tooltipIdNumber  +"-tooltip");
  1180.      while (tooltipItem.hasChildNodes()) {
  1181.          tooltipItem.removeChild(tooltipItem.firstChild);
  1182.        }
  1183.        
  1184.    var monthArray = null;   
  1185.    var isReminder = true;
  1186.    var remindersTab = document.getElementById("remindersTab");
  1187.    var lastMonthArray = null;
  1188.    if ( remindersTab != null  ) {   // ignore this if we are doing a popup from within the Event dialog
  1189.         if ( isReminderTabSelected() ) {        
  1190.            if ( calendarReminderArray == null ) {    
  1191.                    createCalendarReminderArray();           
  1192.                }
  1193.                monthArray = calendarReminderArray[oeDatePicker.gSelectedDate.getMonth()];
  1194.                
  1195.             if ( oeDatePicker.gSelectedDate.getMonth() > 0 ) {
  1196.                     lastMonthArray = calendarReminderArray[oeDatePicker.gSelectedDate.getMonth()-1];
  1197.                 }
  1198.         }
  1199.         else {
  1200.             isReminder = false;
  1201.                if ( calendarTodoArray == null ) {
  1202.                    createCalendarTodoArray();
  1203.                }
  1204.                 monthArray = calendarTodoArray[oeDatePicker.gSelectedDate.getMonth()];
  1205.                 if ( oeDatePicker.gSelectedDate.getMonth() > 0 ) {
  1206.                     lastMonthArray = calendarTodoArray[oeDatePicker.gSelectedDate.getMonth()-1];
  1207.                 }
  1208.         }
  1209.    }
  1210.    else { 
  1211.      if ( oeDatePicker.launchAdd ) {
  1212.        var calendarReminderArray2 = null;
  1213.        if ( calendarReminderArray2 == null ) {               
  1214.                calendarReminderArray2 = createCalendarReminderArray2();                                  
  1215.            }
  1216.            monthArray = calendarReminderArray2[oeDatePicker.gSelectedDate.getMonth()];
  1217.            if ( oeDatePicker.gSelectedDate.getMonth() > 0 ) {
  1218.                lastMonthArray = calendarReminderArray2[oeDatePicker.gSelectedDate.getMonth()-1];
  1219.            }
  1220.       }
  1221.    }
  1222.    
  1223.    // check last month for any reminders with end dates carrying over to this month
  1224.     var currentSelectedDate = new Date(oeDatePicker.gSelectedDate.getFullYear(), oeDatePicker.gSelectedDate.getMonth(), tooltipIdNumber -1);
  1225.     var multipleDayEvents = new Array();
  1226.     // for performance; we just check last 3 days of the previous month
  1227.      if ( lastMonthArray != null && lastMonthArray.length > 0) {
  1228.          for ( var i = lastMonthArray.length-4; i < lastMonthArray.length; i++ ) {
  1229.              var reminderDaysArray = lastMonthArray[i];
  1230.              if ( reminderDaysArray != null ) { 
  1231.                     for ( var j = 0; j < reminderDaysArray.length; j++ ) {
  1232.                         var reminder = reminderDaysArray[j];
  1233.                         reminderFox_addMultipleEndDates( reminder, currentSelectedDate, multipleDayEvents );
  1234.                     }    
  1235.              }
  1236.          }
  1237.      }
  1238.  
  1239.      if ( monthArray != null ) {
  1240.        // check previous month days prior to today with end dates carrying over to today or beyond...
  1241.        for ( var i = 0; i < (tooltipIdNumber-1); i++ ) { 
  1242.              var reminderDaysArray = monthArray[i];
  1243.              if ( reminderDaysArray != null ) { 
  1244.                  for ( var j = 0; j < reminderDaysArray.length; j++ ) {
  1245.                      var reminder = reminderDaysArray[j];
  1246.                      reminderFox_addMultipleEndDates( reminder, currentSelectedDate, multipleDayEvents );    
  1247.                  }    
  1248.              }
  1249.          }
  1250.          
  1251.          
  1252.          var reminderDaysArray = monthArray[tooltipIdNumber-1];
  1253.            if ( reminderDaysArray != null ) {
  1254.             var multipleEventsOnThisDate = (reminderDaysArray.length + multipleDayEvents.length) > 1 ;
  1255.                 for ( var  i = 0; i < reminderDaysArray.length; i++ ) {
  1256.                     var drawSeparator = i > 0;
  1257.                 reminderFox_addCalendarReminderToTooltip(tooltipItem, reminderDaysArray[i], multipleEventsOnThisDate, drawSeparator);
  1258.             }
  1259.            }
  1260.      }
  1261.      
  1262.      if ( multipleDayEvents != null ) {    
  1263.          var reminderDaysArrayLen = 0;
  1264.          if (  reminderDaysArray != null ) {
  1265.               reminderDaysArrayLen = reminderDaysArray.length;
  1266.          }
  1267.         for ( var  i = 0; i < multipleDayEvents.length; i++ ) {
  1268.                 var drawSeparator = reminderDaysArrayLen > 0 || i > 0;
  1269.             reminderFox_addCalendarReminderToTooltip(tooltipItem, multipleDayEvents[i], multipleEventsOnThisDate, drawSeparator);
  1270.         }
  1271.      }
  1272.     
  1273.    return true;
  1274. }
  1275.  
  1276. function reminderFox_addCalendarReminderToTooltip(tooltipItem, reminder, multipleEventsOnThisDate, drawSeparator ) {
  1277.        if ( drawSeparator ) {
  1278.         var hbox = document.createElement("hbox");        
  1279.         hbox.setAttribute( "class", "reminderFox-footer3");
  1280.         hbox.setAttribute( "align", "center");
  1281.         tooltipItem.appendChild(hbox);    
  1282.         
  1283.         hbox = document.createElement("hbox");        
  1284.         hbox.setAttribute( "class", "reminderFox-footer2");
  1285.         hbox.setAttribute( "align", "center");
  1286.         tooltipItem.appendChild(hbox);    
  1287.     }
  1288.     var important = false;
  1289.     if ( reminder.priority == REMINDER_PRIORITY_IMPORTANT ) {
  1290.         important = true;
  1291.     }
  1292.     
  1293.     // see if current instance of reminder is completed
  1294.     var completed = false;    
  1295.     if  ( reminderFox_isCompletedForDate( reminder, reminder.date )  ) {
  1296.         completed = true;
  1297.     }  
  1298.     
  1299.     addTooltipWithLabel( tooltipItem, null, reminder.summary, important, completed, reminderFox_getBundle().getString("rf.html.heading.description")  ); 
  1300.     
  1301.     if ( reminder.date != null ) { 
  1302.         var dateString = reminderFox_getDateVariableString( reminder, reminder.date);
  1303.         var timeCellLabel = reminderFox_mail_getTimeString(reminder.date);
  1304.         if ( !reminder.allDayEvent ) {
  1305.             dateString = dateString + ", " + timeCellLabel;
  1306.         }
  1307.         
  1308.         if ( reminder.durationTime != null ) {
  1309.             var reminderInstanceEndDate = new Date(parseInt(reminder.date.getTime()) + reminder.durationTime);        
  1310.             if ( reminder.allDayEvent ) {
  1311.                 if (reminder.durationTime >86400000 ) {   // 24 * 60 * 60 * 1000 = 1 day in ms
  1312.                     reminderInstanceEndDate.setDate( reminderInstanceEndDate.getDate() - 1); // -1 enddate offset
  1313.                     var endDateStr = reminderFox_getDateVariableString( reminder, reminderInstanceEndDate);
  1314.                     dateString += " - " +  endDateStr;
  1315.                 }
  1316.             }
  1317.             else {
  1318.                 var endTime = reminderFox_mail_getTimeString(reminderInstanceEndDate);
  1319.                 if (reminderInstanceEndDate.getMonth() == reminder.date.getMonth() &&
  1320.                     reminderInstanceEndDate.getDate() == reminder.date.getDate() ) {
  1321.                     // same days.. 
  1322.                     dateString += " - " +  endTime;
  1323.                 }
  1324.                 // multiple days
  1325.                 else { 
  1326.                     var endDateStr = reminderFox_getDateVariableString( reminder, reminderInstanceEndDate);
  1327.                     dateString += " - " +  endDateStr + ", " + endTime;
  1328.                 }
  1329.             }
  1330.         }
  1331.         addTooltipWithLabel( tooltipItem,null, dateString, false, false, reminderFox_getBundle().getString("rf.html.heading.date") );
  1332.     }
  1333.     
  1334.     if ( reminder.categories != null && reminder.categories != "" ) {            
  1335.         addTooltipWithLabel( tooltipItem, null, reminder.categories, false, false, reminderFox_getBundle().getString("rf.add.reminders.tooltip.categories"));         
  1336.     }
  1337.     
  1338.     if ( reminder.completedDate != null ) {
  1339.         var completedDate = reminderFox_getDateVariableString( reminder, reminder.completedDate );
  1340.         addTooltipWithLabel( tooltipItem, null, completedDate, false, false, reminderFox_getBundle().getString("rf.add.reminders.tooltip.dateCompleted") );
  1341.         
  1342.     }
  1343.     if ( reminder.location != null && reminder.location != "" ) {            
  1344.         addTooltipWithLabel( tooltipItem, null, reminder.location, false, false, reminderFox_getBundle().getString("rf.add.reminders.tooltip.locaton") );  
  1345.     }
  1346.     
  1347.     if ( reminder.url != null && reminder.url != "" ) {            
  1348.         addTooltipWithLabel( tooltipItem, null, reminder.url, false, false, reminderFox_getBundle().getString("rf.add.reminders.tooltip.url") );
  1349.     }                
  1350.             
  1351.     // add notes to to tooltip (if applicable)        
  1352.      if ( reminder.notes != null ) {
  1353.          if ( multipleEventsOnThisDate ) { 
  1354.                addNotesToTooltip( reminder.notes, tooltipItem, 10 );  // limit to 6 lines of notes
  1355.          }
  1356.          else {
  1357.              addNotesToTooltip( reminder.notes, tooltipItem );
  1358.          }
  1359.    }        
  1360. }
  1361.  
  1362.  
  1363. function addTooltipWithLabel( tooltipItem, columnId, value, importantStatus, completedStatus, labelText) {
  1364.     var hbox = document.createElement("hbox");        
  1365.     var columnLabel;    
  1366.     if ( columnId == null ) {
  1367.         columnLabel = labelText;
  1368.     }
  1369.     else {
  1370.         columnLabel = getLabelForColumn(columnId);        
  1371.     }
  1372.     
  1373.     var title = document.createElement("description");
  1374.     title.setAttribute("value",columnLabel + ": ");
  1375.     title.setAttribute( "style", "font-weight:bold");
  1376.     hbox.appendChild( title );
  1377.     
  1378.     var tooltipValue = document.createElement("description");
  1379.     tooltipValue.setAttribute("value", value );
  1380.     
  1381.     if ( importantStatus && completedStatus ) {
  1382.         tooltipValue.setAttribute( "style", " text-decoration: line-through; color: red" );
  1383.     }
  1384.     else if ( importantStatus ) {
  1385.         tooltipValue.setAttribute( "style", "color: red" );
  1386.     }
  1387.     else if ( completedStatus ) {
  1388.         tooltipValue.setAttribute( "style", " text-decoration: line-through" );
  1389.     }
  1390.     
  1391.     hbox.appendChild( tooltipValue );
  1392.     
  1393.     tooltipItem.appendChild(hbox);        
  1394. }
  1395.  
  1396.  
  1397. function reminderFox_getDateVariableString(reminder, date )  {
  1398.     var dateVariableString = null;
  1399.     try {
  1400.         dateVariableString = reminderFox_getUnicodePref(REMINDER_FOX_PREF + "." + REMINDER_FOX_LIST_DATE_LABEL);
  1401.         if ( dateVariableString != REMINDER_FOX_LIST_DATE_LABEL_DEFAULT) {
  1402.             useDefaultDate = false;
  1403.         }
  1404.     } catch(e) {
  1405.          dateVariableString = REMINDER_FOX_LIST_DATE_LABEL_DEFAULT;
  1406.     }
  1407.     return reminderFox_getDateVariable( reminder, date, dateVariableString );
  1408. }
  1409.  
  1410.  
  1411.